/*菜单显示与隐藏样式*/
.nav__menu-list {
    display: none;
}
.nav__menu:hover .nav__menu-list {
    display: block;
}

.main-schedule-caption {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #000;
    text-indent: 2em;
}
.main-schedule-caption .back {
    padding-left: 20px;
    font-size: 14px;
    color: #00b3ec;
}

.main-schedule-block {
    width: 1000px;
    height: 390px;
    border: 1px solid #ccc;
    margin-bottom: 110px;
    margin-top: 16px;
    position: relative;
}
/*排班表*/
/*排班表容器*/
.schedule-block {
    width: 730px;
    height: 324px;
}
/*排班表中间部分*/
.schedule-block__center {
    width: 655px;
    height: 327px;
    position: absolute;
    top: 0;
    left: 38px;
    overflow: hidden;
}
.schedule-block__wrapper {
    width: 4650px; 
    height: 100%;
    position: absolute;
    left: 0;
    transition: all .2s;
}
.ui-schedule-item {
    width: 93px;
    height: 325px;
    border-left: 1px solid #ccc;
    float: left;
}
.ui-schedule-item__date {
    width: 100%;
    height: 45px;
    color: #9f9f9f;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box; /*因为左右箭头的方框底部没有border，所以内容区的方框设置ie盒模型*/
}
.ui-schedule-item__status {
    width: 100%;
    height: 93px;
    line-height: 93px;
    text-align: center;
    color: #4ab4ed;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
.status_full {
    background: #e0eefd;
}

/*左边的三角形和上午下午晚上*/
.schedule-block__left {
    width: 38px;
    height: 325px;
    border-right: 1px solid #ccc;
}
.schedule-block__left-pre {
    height: 45px;
    text-align: center;
    font-size: 0;
}
.left-pre-icon {
    display: inline-block;
    width: 37px;
    height: 45px;
    background: url(../img/icon-scheduling-left.jpg) no-repeat;
}
.schedule-block__left-moring,
.schedule-block__left-afternoon,
.schedule-block__left-night {
    height: 93px;
    text-align: center;
    line-height: 93px;
    color: #000;
    font-size: 12px;
    background: #f2f8ff;
    border-bottom: 1px solid #ccc;
}
/*右边的三角形*/
.schedule-block__right {
    width: 38px;
    height: 327px;
    position: absolute;
    right: 270px;
    top: 0;
    border-left: 1px solid #ccc;
    
}
.schedule-block__right-next {
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.right-next-icon {
    display: inline-block;
    width: 37px;
    height: 45px;
    background: url(../img/icon-scheduling-right.jpg) no-repeat;
}
.schedule-block__wrap {
    height: 281px;
    background: #f2f8ff;
    border-bottom: 1px solid #ccc;
}

/*底部没有选择就诊日期的提示语*/
.schedule-block__bottom {
    height: 66px;
    line-height: 66px;
    text-align: center;
    font-size: 16px;
    color: #9f9f9f;
}
.schedule-block__bottom span {
    padding-left: 25px;
    background: url(../img/icon-info.jpg) no-repeat 0 0;
}

/*右边部分的预约规则样式*/
.rules-block{
    width: 270px;
    height: 327px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow-x: scroll;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
}
.rules-block__title {
    font-size: 16px;
    padding: 21px 0 11px 10px;
}
.rules-block__label {
    font-size: 12px;
    color: #555;
    padding-left: 8px;
}
.rules-block__value {
    font-size: 12px;
    color: #888;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 18px;
}

